﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" 
Inherits="Nivdal.MatchInstructionsStep1" Theme="SkinFile" Codebehind="MatchInstructionsStep1.aspx.cs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadPlaceHolder" Runat="Server">
    <script type="text/javascript" language="javascript">
        function DoBackgroundYellow(tdname)
        {
            document.getElementById(tdname).style.backgroundImage="url('Images/MatchIcons/tkt bg over.png')";
        }
        function DoBackgroundGrey(tdname)
        {
            if (!document.getElementById(ReturnRadioButtonName(tdname)).checked)
            {
                document.getElementById(tdname).style.backgroundImage="url('Images/MatchIcons/tkt bg.png')";
            }
        }        
        function CheckedChange(tdname)
        {
            document.getElementById(ReturnRadioButtonName(tdname)).checked = true;            
            
            DoBackgroundGrey("td1");
            DoBackgroundGrey("td2");
            DoBackgroundGrey("td3");
            DoBackgroundGrey("td4");
            DoBackgroundGrey("td5");
            DoBackgroundGrey("td6");
            DoBackgroundGrey("td7");
            DoBackgroundGrey("td8");
            DoBackgroundGrey("td9");
            DoBackgroundGrey("td10");
            DoBackgroundGrey("td11");
            DoBackgroundGrey("td12");
            DoBackgroundGrey("td13");
            DoBackgroundGrey("td14");            
        }        
        function ReturnRadioButtonName(tdname)
        {
            var ButtonName;
            switch (tdname)
            {
                case "td1":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_DefaultLoadButton";
                    break;
                case "td2":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_Button550";
                    break;
                case "td3":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_Button541";
                    break;
                case "td4":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_Button532";
                    break;
                case "td5":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_Button523";
                    break;
                case "td6":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_Button451";
                    break;
                case "td7":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_Button442";
                    break;
                case "td8":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_Button433";
                    break;
                case "td9":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_Button424";
                    break;
                case "td10":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_Button352";
                    break;
                case "td11":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_Button343";
                    break;
                case "td12":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_Button253";
                    break;
                case "td13":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_Button244";
                    break;
                case "td14":
                    ButtonName = "ctl00_ctl00_ContentPlaceHolder3_ContentPlaceHolder1_AdvancedRadioButton";
                    break;
            }
            return ButtonName;
        }
        
        
    
        
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div class="basic_element">
    <asp:Label ID="Step1TitleLabel" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Step1TitleLabel %>" SkinID="TeamNameLabel"></asp:Label>
    <br />
    <table style="text-align:center; width:100%;" cellspacing="10px" cellpadding="5px">
        <tr>
            <td id="td1" style="background-image:url('Images/MatchIcons/tkt bg over.png'); background-position:center; 
                background-repeat:no-repeat; width:20%; height:137px;" onmouseover="DoBackgroundYellow('td1')" onmouseout="DoBackgroundGrey('td1')" 
                 onclick="CheckedChange('td1')">
                <asp:Label ID="DefaultLoadLabel" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_DefaultLoadLabel %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/MatchIcons/d.png" style="padding-bottom:10px;" />
                <br />
                <asp:RadioButton ID="DefaultLoadButton" runat="server" GroupName="Formations" Text="" Checked="true" />             
               
            </td>
            <td id="td2" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat; width:20%;" onmouseover="DoBackgroundYellow('td2')" onmouseout="DoBackgroundGrey('td2')"
                 onclick="CheckedChange('td2')">
                <asp:Label ID="Label550" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Label550 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/MatchIcons/550.png" style="padding-bottom:10px;" />
                <br />
                <asp:RadioButton ID="Button550" runat="server" GroupName="Formations" Text=""/> 
            </td>
            <td id="td3" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat; width:20%;" onmouseover="DoBackgroundYellow('td3')" onmouseout="DoBackgroundGrey('td3')"
                 onclick="CheckedChange('td3')">
                <asp:Label ID="Label541" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Label541 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image3" runat="server" ImageUrl="~/Images/MatchIcons/541.png" style="padding-bottom:10px;" />                
                <br />
                <asp:RadioButton ID="Button541" runat="server" GroupName="Formations" Text=""/> 
            </td>
            <td id="td4" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat; width:20%;" onmouseover="DoBackgroundYellow('td4')" onmouseout="DoBackgroundGrey('td4')"
                 onclick="CheckedChange('td4')">
                <asp:Label ID="Label532" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Label532 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image4" runat="server" ImageUrl="~/Images/MatchIcons/532.png" style="padding-bottom:10px;"/>            
                <br />
                <asp:RadioButton ID="Button532" runat="server" GroupName="Formations" Text="" /> 
            </td>
            <td id="td5" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat; width:20%;" onmouseover="DoBackgroundYellow('td5')" onmouseout="DoBackgroundGrey('td5')"
                 onclick="CheckedChange('td5')">
                <asp:Label ID="Label523" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Label523 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image5" runat="server" ImageUrl="~/Images/MatchIcons/523.png" style="padding-bottom:10px;" />
                <br />
                <asp:RadioButton ID="Button523" runat="server" GroupName="Formations" Text=""/> 
            </td>
        </tr>   
        <tr>
            <td id="td6" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat; height:137px;" onmouseover="DoBackgroundYellow('td6')" onmouseout="DoBackgroundGrey('td6')"
                 onclick="CheckedChange('td6')">
                <asp:Label ID="Label451" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Label451 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image6" runat="server" ImageUrl="~/Images/MatchIcons/451.png" style="padding-bottom:10px;" />
                <br />
                <asp:RadioButton ID="Button451" runat="server" GroupName="Formations" Text="" /> </td>
            <td id="td7" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat;" onmouseover="DoBackgroundYellow('td7')" onmouseout="DoBackgroundGrey('td7')"
                 onclick="CheckedChange('td7')">
                <asp:Label ID="Label442" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Label442 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image7" runat="server" ImageUrl="~/Images/MatchIcons/442.png" style="padding-bottom:10px;" />
                <br />
                <asp:RadioButton ID="Button442" runat="server" GroupName="Formations" Text=""/> </td>
            <td id="td8" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat;" onmouseover="DoBackgroundYellow('td8')" onmouseout="DoBackgroundGrey('td8')"
                 onclick="CheckedChange('td8')">
                <asp:Label ID="Label433" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Label433 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image8" runat="server" ImageUrl="~/Images/MatchIcons/433.png" style="padding-bottom:10px;" />
                <br />
                <asp:RadioButton ID="Button433" runat="server" GroupName="Formations" Text="" /> </td>
            <td id="td9" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat;" onmouseover="DoBackgroundYellow('td9')" onmouseout="DoBackgroundGrey('td9')"
                 onclick="CheckedChange('td9')">
                <asp:Label ID="Label424" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Label424 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image9" runat="server" ImageUrl="~/Images/MatchIcons/424.png" style="padding-bottom:10px;" />
                <br />
                <asp:RadioButton ID="Button424" runat="server" GroupName="Formations" Text="" /> </td>
            <td id="td10" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat;" onmouseover="DoBackgroundYellow('td10')" onmouseout="DoBackgroundGrey('td10')"
                 onclick="CheckedChange('td10')">
                <asp:Label ID="Label352" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Label352 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image352" runat="server" ImageUrl="~/Images/MatchIcons/352.png" style="padding-bottom:10px;"  />
                <br />
                <asp:RadioButton ID="Button352" runat="server" GroupName="Formations" Text=""/> </td>
        </tr>   
        <tr>
            <td id="td11" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat; height:137px;" onmouseover="DoBackgroundYellow('td11')" onmouseout="DoBackgroundGrey('td11')"
                 onclick="CheckedChange('td11')">
                <asp:Label ID="Labe343" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Labe343 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image10" runat="server" ImageUrl="~/Images/MatchIcons/343.png" style="padding-bottom:10px;" />
                <br />
                <asp:RadioButton ID="Button343" runat="server" GroupName="Formations" Text="" /> </td>
            <td id="td12" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat;" onmouseover="DoBackgroundYellow('td12')" onmouseout="DoBackgroundGrey('td12')"
                 onclick="CheckedChange('td12')">
                <asp:Label ID="Label253" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Label253 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image11" runat="server" ImageUrl="~/Images/MatchIcons/253.png" style="padding-bottom:10px;" />
                <br />
                <asp:RadioButton ID="Button253" runat="server" GroupName="Formations" Text=""  /> </td>
            <td id="td13" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat;" onmouseover="DoBackgroundYellow('td13')" onmouseout="DoBackgroundGrey('td13')"
                 onclick="CheckedChange('td13')">
                <asp:Label ID="Label244" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_Label244 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image12" runat="server" ImageUrl="~/Images/MatchIcons/244.png" style="padding-bottom:10px;" />
                <br />
                <asp:RadioButton ID="Button244" runat="server" GroupName="Formations" Text="" /> </td>
            <%--<td id="td14" style="background-image:url('Images/MatchIcons/tkt bg.png'); background-position:center; 
                background-repeat:no-repeat;" onmouseover="DoBackgroundYellow('td14')" onmouseout="DoBackgroundGrey('td14')"
                 onclick="CheckedChange('td14')">
                <asp:Label ID="AdvancedLabe2" runat="server" Text="<%$ Resources:Resource, MatchInstructionsStep1_AdvancedLabe2 %>" SkinID="GridLabel"></asp:Label>
                <br />
                <asp:Image ID="Image13" runat="server" ImageUrl="~/Images/MatchIcons/a.png" style="padding-bottom:10px;" />
                <br />
                <asp:RadioButton ID="AdvancedRadioButton" runat="server" GroupName="Formations" Text="" /> 
            </td>--%>           
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>   
    </table>
    <asp:Button ID="NextButton" runat="server" Text="<%$ Resources:Resource, Global_Next %>"  CssClass="GreenButtonTextStyle"
        onclick="NextButton_Click"  />
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="PageNamePlaceHolder" Runat="Server">
     <asp:Label ID="PageNameLabel" runat="server" CssClass="PageNameContentStyle"></asp:Label>
</asp:Content>

